export default function EasyTypeGroupItem(props: any) {
  const { groupItemData, curGroup, setActiveGroup, displayNone } = props;
  return (
    <div
      className={
        displayNone
          ? 'processCenter-easy-group-item display-none-group'
          : curGroup == groupItemData?.name
          ? 'processCenter-easy-group-item active-group'
          : 'processCenter-easy-group-item'
      }
      onClick={() => {
        if (displayNone) {
          return;
        }
        setActiveGroup(groupItemData?.name);
      }}
    >
      {groupItemData?.name}
    </div>
  );
}
